<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
<title>确认订单</title>
<link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<link rel="stylesheet" type="text/css" href="../../css/common.css" />
<style></style>
</head>
<style>
.bg-e7{
	background: #E73450;
}
#footer{
	height: 2.5rem;
}
#footer .fotBtn{
	width: 7.15rem;
}
</style>
<body>
	<header class="aui-bar aui-bar-nav aui-bar-light" id="header">
        <div class="aui-pull-left back" tapmode onclick="api.closeWin()"></div>
        <div class="aui-title">确认订单</div>
    </header>
		<footer class="aui-bar aui-bar-tab" id="footer">
        <div class="aui-bar-tab-item" tapmode style="width: auto;">
						<div class="aui-text-right aui-padded-r-10">
							<div class="aui-font-size-12 color-35 aui-flex-col aui-flex-bottom aui-flex-right">
								<span class="aui-font-size-10 color-666">已包邮</span>
								<span>合计：</span>
								<span class="aui-font-size-18 color-e7"><label for="" class="text-bold">200</label><i class="aui-font-size-14">积分</i></span>
							</div>
							<div class="aui-font-size-10 color-555">可用积分 262枚</div>
						</div>
        	</div>
	        <div class="aui-bar-tab-item fotBtn color-fff bg-e7 " tapmode onClick="openChange()">立即兑换</div>
	    </footer>
</body>
<script type="text/javascript" src="../../script/import.js"></script>
<script type="text/javascript" src="../../script/aui-tap.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
		var header = $api.byId('header');
        $api.fixStatusBar(header);
        var headerH = $api.offset(header).h;
        var footerH = $api.offset($api.byId('footer')).h;
        api.openFrame({
            name: 'order_confirm_frm',
            url: 'order_confirm_frm.html',
            rect: {
                x: 0,
                y: headerH,
                w: 'auto',
                h: api.winHeight - headerH - footerH
            },
            pageParam: api.pageParam,
            bounces: false
        });
    };
	function openWin(url){
        api.openWin({
            name: url,
            url: url + '.html'
        });
    }
		function openChange(){
			api.openFrame({
				name:'mask_exchange',
				url:'mask_exchange.html',
				rect:{
					x:'auto',
					y: 'auto',
					w: 'auto',
					h: 'auto'
				},
				bounces: false,
				pageParam:{
					wname: api.winName,
					fname: api.frameName
				},
				animation:{
					type: 'fade'
				}
			})
		}
</script>
</html>
